<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
   <div style="display: flex;justify-content:space-around">
       <fieldset>
           <legend>注册</legend>
           <table>
               <tr>
                   <td>名字</td>
                   <td>
                       <input id="regist-name">
                   </td>
               </tr>
               <tr>
                   <td>密码</td>
                   <td>
                       <input id="regist-pwd">
                   </td>
               </tr>
               <tr>
                   <td colspan="2">
                       <button type="button" id="regist-bin" style="width: 100%;">注册</button>
                   </td>
               </tr>
           </table>
       </fieldset>
       <fieldset>
           <legend>登录</legend>
           <table>
               <tr>
                   <td>名字</td>
                   <td>
                       <input id="login-name">
                   </td>
               </tr>
               <tr>
                   <td>密码</td>
                   <td>
                       <input id="login-pwd">
                   </td>
               </tr>
               <tr>
                   <td colspan="2">
                       <button type="button" id="login-bin" style="width: 100%;">登录</button>
                   </td>
               </tr>
           </table>
       </fieldset>
   </div>

</body>
<script>
    $(function () {
        //入口函数，通常使用跟window.onload是一样的功效，区别：
        //在jQuery文件加载之后，同时当前的window下面已经有了$和jQuery对象之后，才去执行。
        $('#regist-bin').on('click',function () {
            regist()
        })
        $('#login-bin').on('click',function () {
            login()
        })

    })

    /**
     * 注册函数
     */
    function regist() {
        future.ajax({
            url:'users/regist',
            type:'post',
            data:{
                name:$('#regist-name').val(),
                pwd:$('#regist-pwd').val()
            },
            success:function (result) {
                alert('请求成功')
            }
        })
    }
    /**
     * 登录函数
     */
    function login() {
        future.ajax({
            url:'users/login',
            type:'get',
            data:{
                name:$('#login-name').val(),
                pwd:$('#login-pwd').val()
            },
            success:function (result) {
                alert('请求成功')
            }
        })

    }
    
    
</script>
</html>